<template>
    <div id="modelView">
        <mt-header title="全文">
        <router-link to="/index/articlelist" slot="left">
        <mt-button icon="back">返回</mt-button>
        </router-link>
         </mt-header> 
      <div class="content">
          <h2>{{$store.state.articalObj.previewTitle}}</h2>
          <h3>（校园新闻）</h3>
          <p class="previewSubtitle">{{$store.state.articalObj.previewSubtitle}}</p>
        
          <ul>
              <li v-for="item in $store.state.articalList">{{item}}</li>
          </ul>
      </div>
      
    </div>
</template>
 <script>
     export default{
         data(){
             return {
                // articalObj:{
                //     previewTitle:this.$store.state.previewTitle,
                //     previewSubtitle:this.$store.state.previewSubtitle
                // }
                  msgType:'审核',
                  mm:true,
                  nn:false
            }
         },
         methods:{
             addArtical(){
                 this.$store.commit('articalAdd')
             }
         },
         props:['auditMsg','notAuditShow'],
         created(){
             
         }
     }
 </script>
<style>
    #modelView {
        background:#eee;
    }
    #modelView .content{
        width:90%;
        min-height:5.3333rem; 
        background:#fff;
        margin:0 auto;
    }
    #modelView .content h3{
        color:#E95F18;
    }
    #modelView .content p{
         text-align: left;
     }
     #modelView .btnArea{
         width:90%;
         display: flex;
         /* border:1px solid red; */
         margin:0 auto;
         padding:0.5333rem 0;
         justify-content: space-around;
     }
      #modelView .nopass{
          width:2.6667rem;
          background:#3EDA90;
      }
       #modelView .pass{
          width:2.6667rem;
      }
      #modelView .previewSubtitle{
           text-indent:2em;
            font: 14px Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
      }
</style>


